<script setup lang="ts">
import { storeToRefs } from 'pinia'
import Menu from '@/components/menu/menu.vue'
import { useLoginStore } from '@/stores/loginStore'
import HeaderLogo from './components/HeaderLogo.vue'

const loginState = useLoginStore()
const { menus } = storeToRefs(loginState)
</script>

<template>
  <div class="h-full flex flex-col">
    <HeaderLogo />
    <div class="flex-1 overflow-auto border-r-1 border-r-primary border-r-solid">
      <Menu v-model="menus" :level="0" />
    </div>
  </div>
</template>
